<template>
   <div id="opinion">
    <div id="hearder">
       <router-link to='/index/my'>
       <van-icon id="arrow_left" name="arrow-left" />
       </router-link>
       <p id="zi">意见反馈</p>
     </div>
     <div id="zhu">
       <input id="zhu_shu" type="text" placeholder="请输入您的宝贵意见，谢谢！">
        <van-button id="zhu_btn" round type="info">取消</van-button>
        <van-button id="zhu_btn" round type="info">发送</van-button>
     </div>
   </div>
</template>

<script lang="ts">

</script>

<style lang="scss" scoped>
#hearder{
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ccc;
 

}
#arrow_left{
  font-size: 36px;
  margin-top: 10px;
}
#zi{
  margin-left: 145px;
  margin-top: -30px;
}
#zhu{
  width: 90%;
  height: 200px;
  margin: 10px 20px;
  border: 0px solid orangered;
  border-radius: 20px;
}
#zhu_shu{
  width: 100%;
  height: 200px;
  border: 2px solid orangered;
  border-radius: 20px;
}
#zhu_btn{
  width: 100px;
  background-color: orange;
  color: azure;
  margin:20px 34px;

}
</style>